* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

@media screen and (min-width:1300px) {
	#header {
		width: 100%;
		height: 130px;
	}
	
	#header-top {
		width: 100%;
		height: 70px;
	}
	
	#header-top > h3 {
		padding-top: 20px;
		padding-left: 30px;
		display: inline-block;
		font-weight: bold;
	}
		
	#header-bottom {
		width: 100%;
		height: 60px;
		background-color: #D53031;
	}
	
	#header-bottom > ul {
		width: 100%;
		height: 100%;
		margin-bottom: 0px;
		padding-left: 50px;
	}
	
	#header-bottom > ul > li {
		width: 8%;
		height: 100%;
		color: white;
		font-size: 16px;
		text-align: center;
		line-height: 60px;
		float: left;
		cursor: pointer;
	}
	#header-bottom > ul > li:nth-of-type(1) {
		margin-left: 9%;
	}
	
	#registerorlogin {
		width: 180px;
		height: 20px;
		margin-right: 120px;
		margin-top: 25px;
		float: right;
	}
	
	#registerdiv,
	#logindiv
	{
		float: left;
	}
	
	#registerdiv > a,
	#logindiv > a
	{
		font-size: 13px;
		color: #707070;
	}
}

@media screen and (max-width:1299px) {
	#header {
		width: 1300px;
		height: 130px;
	}
	
	#header-top {
		width: 100%;
		height: 70px;
	}
	
	#header-top > h3 {
		padding-top: 20px;
		padding-left: 30px;
		display: inline-block;
		font-weight: bold;
	}
		
	#header-bottom {
		width: 100%;
		height: 60px;
		background-color: #D53031;
	}
	
	#header-bottom > ul {
		width: 100%;
		height: 100%;
		margin-bottom: 0px;
		padding-left: 50px;
	}
	
	#header-bottom > ul > li {
		width: 8%;
		height: 100%;
		color: white;
		font-size: 16px;
		text-align: center;
		line-height: 60px;
		float: left;
		cursor: pointer;
	}
	
	#registerorlogin {
		width: 180px;
		height: 20px;
		margin-right: 120px;
		margin-top: 25px;
		float: right;
	}
	
	#registerdiv,
	#logindiv
	{
		float: left;
	}
	
	#registerdiv > a,
	#logindiv > a
	{
		font-size: 13px;
		color: #707070;
	}
}